<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title></title>
    <meta name="description" content="代理套餐">
    <!-- reset.css是清楚我页面的默认样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 二级页面的公共样式代码 -->
    <link rel="stylesheet" href="css/commoncenter.css">
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/main.css" />
</head>

<body>
    <!--header-->
    <header>
        <nav>
            <div class="top_bg">
                <div class="top">

                    <div class="top_right">
                        <ul>
                            <li class="ding">
                                <a href="javascript:;">商城首页</a><b>|</b>
                            </li>

                            <li class="ding">
                                <a href="javascript:;">我的订单</a><b>|</b>
                            </li>
                            <li class="shopcar">
                                <a><img src="img/shop.png" width="10" alt="">购物车</a><b>|</b></li>
                            <li class="download_app">
                                <a href="javascript:void();"><img src="img/app.png" alt="">下载APP</a><b>|</b></li>
                            <li class="help">
                                <a>注销</a>
                            </li>
                        </ul>

                        <div class="clear"></div>
                    </div>
                    <div class="pull-right user">文天祥 <span>[TC14051728]</span>，欢迎进入青竹商城</div>
                </div>
            </div>
        </nav>
        <div class="container clearfix">
            <div class="logo pull-left" style="margin-left: 30px;margin-top: 40px;"><img src="images/logo.png" alt="" /></div>
            <nav class="pull-right s-nav">
                <ul class="nav nav-pills nav-justified">
                    <li class="active">
                        <a href="#">我的青竹</a>
                    </li>
                    <li>
                        <a href="#">购物中心</a>
                    </li>
                    <li>
                        <a href="#">订单管理</a>
                    </li>
                    <li>
                        <a href="#">我的收藏</a>
                    </li>
                    <li>
                        <a href="#">新闻公告</a>
                    </li>
                    <li>
                        <a href="#">我的足迹</a>
                    </li>
                </ul>
            </nav>
        </div>

    </header>
    <!--headerend-->
    <article class="clearfix container">
        <!--aside-->
        <aside class="pull-left">
            <div class="aside-menu">
                <div class="title">操作菜单</div>
                <dl>
                    <dt>我的购物车<i class="icon-rjian"></i></dt>
                    <dd>
                        <ul>
                            <li><a class="no_under" href="#">我的购物车</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>订单管理<i class="icon-rjian"></i></dt>
                    <dd>
                        <ul>
                            <li><a class="no_under" href="#">我的订单</a></li>
                            <li><a class="no_under" href="#">我的评价</a></li>
                            <li><a class="no_under" href="#">我的物流</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>我的收藏<i class="icon-rjian"></i></dt>
                    <dd>
                        <ul>
                            <li><a class="no_under" href="#">店铺收藏</a></li>
                            <li><a class="no_under" href="#">宝贝收藏</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>我的足迹<i class="icon-rjian"></i></dt>
                    <dd>
                        <ul>
                            <li><a class="no_under" href="#">我的足迹</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>

                    <dt>我的青竹<i class="icon-rjian"></i></dt>
                    <dd>
                        <ul>
                            <li><a class="no_under" href="#">我的推荐</a></li>
                            <li><a class="no_under" href="#">我的钱包</a></li>
                            <li><a class="no_under" href="#">积分提现</a></li>
                            <li><a class="no_under" href="#">积分交易</a></li>
                            <li><a class="no_under" href="#">邀请管理</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>售后服务<i class="icon-rjian"></i></dt>
                    <dd>
                        <ul>
                            <li><a class="no_under" href="#">联系卖家</a></li>
                            <li><a class="no_under" href="#">退换货</a></li>
                            <li><a class="no_under" href="#">意见/投诉</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>新闻公告<i class="icon-rjian"></i></dt>
                    <dd>
                        <ul>
                            <li><a class="no_under" href="#">新闻公告</a></li>
                        </ul>
                    </dd>
                </dl>



            </div>
        </aside>
        <!--asideend-->
        <section class="pull-right my-content">
            <div class="mianbao mt20">
                <a href="#">青竹商城</a>
            </div>
            <div class="information">
                <div class="up_index">
                    <div class="index clearfix">
                        <div class="vip-info pull-left">
                            <div class="name">尊敬的会员，文天祥[TC14051728] <span class="welcome light">欢迎回到青竹商城!</span></div>
                            <div class="phone">手机号码：18993505756 <span class="belong">目前所在地：浙江杭州</span></div>
                        </div>
                        <div class="intergal_list pull-left clearfix">
                            <ul class="clearfix">
                                <li>
                                    <div class="jifen-t">累计消费</div>
                                    <div class="light">￥52978.48</div>
                                </li>
                                <li>
                                    <div class="jifen-t">消费积分</div>
                                    <div class="light">￥715.20</div>
                                </li>
                                <li>
                                    <div class="jifen-t">收藏店铺</div>
                                    <div class="light">100</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="zone">
                        <div class="focus">账号：TC45538826 <span class="focus-zone"></span></div>
                        <div class="my-fans">
                            <ul class="clearfix">
                                <li>待付款：1</li>
                                <li>待发货：1</li>
                                <li>待收货：0</li>
                                <li>待评价：0</li>
                            </ul>
                        </div>
                    </div>
                    <div class="jifen-list">
                    </div>
                </div>
                <div class="bg-grey"></div>
                <div class="base-information">
                    <div class="base-choose">
                        <ul class="clearfix">
                            <li class="active">全部订单</li>
                            <li>待发货<span class="number">1</span></li>
                            <li>已发货<span class="number"></span></li>
                            <li>已收货<span class="number"></span></li>
                            <li>待付款<span class="number">1</span></li>
                        </ul>
                    </div>
                    <table class="table table-border order-table">
                        <tr>
                            <th width="312">商品</th>
                            <th width="114">规格</th>
                            <th width="114">数量</th>
                            <th width="114">应付费用</th>
                            <th width="114">已付状态</th>
                            <th width="114">应退费用</th>
                            <th width="114">交易状态</th>
                            <th width="114">交易操作</th>
                        </tr>
                    </table>
                    <div class="table-list-border">
                        <table class="table table-list">
                            <tr>
                                <th colspan="7" class="clearfix">
                                    <div class="chose-th"><input type="checkbox" /><b>2016-08-31</b>订单号：201608254155698756 <span class="offer-item">供应商： 201701211640207877</span>
                                        <div class="pull-right icon-del"></div>
                                    </div>
                                </th>
                            </tr>
                            <tr>
                                <td width="312">
                                    <div class="goods pt20">
                                        <img src="images/img02.png" class="picturea" />
                                        <div class="good_info">
                                            <div class="title">黑陶自然花香蜡烛 玫瑰香/高端礼物 女生收到都哭了<span class="light">[云专区]</span></div>
                                        </div>
                                    </div>
                                </td>
                                <td class="vertical-mid">金黄色<br />（正品优质）</td>
                                <td class="vertical-mid">5</td>
                                <td class="mb-5">
                                    <div class="mb-5">现金积分总价￥53.2</div>
                                    <div class="mb-5">购物积分总价￥53.2</div>
                                    <div class="mb-5">邮费总价￥53.2</div>
                                    <div class="mb-5">现金￥0.0</div>
                                </td>
                                <td>
                                    <div class="mb-5">现金积分￥0.0</div>
                                    <div class="mb-5">购物积分￥0.0</div>
                                    <div class="mb-5">现金0.0</div>
                                </td>
                                <td>交易完成</td>
                                <td class="vertical-mid">
                                    <div class="btn btn-see">查看</div>
                                </td>
                            </tr>
                            <tr>
                                <td width="312">
                                    <div class="goods pt20">
                                        <img src="images/img02.png" class="picturea" />
                                        <div class="good_info">
                                            <div class="title">黑陶自然花香蜡烛 玫瑰香/高端礼物 女生收到都哭了<span class="light">[云专区]</span></div>
                                        </div>
                                    </div>
                                </td>
                                <td class="vertical-mid">金黄色<br />（正品优质）</td>
                                <td class="vertical-mid">5</td>
                                <td class="mb-5">
                                    <div class="mb-5">现金积分总价￥53.2</div>
                                    <div class="mb-5">购物积分总价￥53.2</div>
                                    <div class="mb-5">邮费总价￥53.2</div>
                                    <div class="mb-5">现金￥0.0</div>
                                </td>
                                <td>
                                    <div class="mb-5">现金积分￥0.0</div>
                                    <div class="mb-5">购物积分￥0.0</div>
                                    <div class="mb-5">现金0.0</div>
                                </td>
                                <td>交易完成</td>
                                <td class="vertical-mid">
                                    <div class="btn btn-see">查看</div>
                                </td>
                            </tr>
                            <tr>
                                <td width="312">
                                    <div class="goods pt20">
                                        <img src="images/img02.png" class="picturea" />
                                        <div class="good_info">
                                            <div class="title">黑陶自然花香蜡烛 玫瑰香/高端礼物 女生收到都哭了<span class="light">[云专区]</span></div>
                                        </div>
                                    </div>
                                </td>
                                <td class="vertical-mid">金黄色<br />（正品优质）</td>
                                <td class="vertical-mid">5</td>
                                <td class="mb-5">
                                    <div class="mb-5">现金积分总价￥53.2</div>
                                    <div class="mb-5">购物积分总价￥53.2</div>
                                    <div class="mb-5">邮费总价￥53.2</div>
                                    <div class="mb-5">现金￥0.0</div>
                                </td>
                                <td>
                                    <div class="mb-5">现金积分￥0.0</div>
                                    <div class="mb-5">购物积分￥0.0</div>
                                    <div class="mb-5">现金0.0</div>
                                </td>
                                <td>交易完成</td>
                                <td class="vertical-mid">
                                    <div class="btn btn-see">查看</div>
                                </td>
                            </tr>
                            <tr>
                                <td width="312">
                                    <div class="goods pt20">
                                        <img src="images/img02.png" class="picturea" />
                                        <div class="good_info">
                                            <div class="title">黑陶自然花香蜡烛 玫瑰香/高端礼物 女生收到都哭了<span class="light">[云专区]</span></div>
                                        </div>
                                    </div>
                                </td>
                                <td class="vertical-mid">金黄色<br />（正品优质）</td>
                                <td class="vertical-mid">5</td>
                                <td class="mb-5">
                                    <div class="mb-5">现金积分总价￥53.2</div>
                                    <div class="mb-5">购物积分总价￥53.2</div>
                                    <div class="mb-5">邮费总价￥53.2</div>
                                    <div class="mb-5">现金￥0.0</div>
                                </td>
                                <td>
                                    <div class="mb-5">现金积分￥0.0</div>
                                    <div class="mb-5">购物积分￥0.0</div>
                                    <div class="mb-5">现金0.0</div>
                                </td>
                                <td>交易完成</td>
                                <td class="vertical-mid">
                                    <div class="btn btn-see">查看</div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </section>
    </article>
    <!-- footer部分开始 -->
    <div class="footer">
        <div class="footer_c inner_c">
            <div class="footer_top">
                <div class="bir">
                    <a href="#">
                        <img src="images/logo.png" alt="">
                    </a>
                    <div class="info">
                        青竹良品原创生活类电商品牌，秉承一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品，全线采用天然原材料，控制甲醛低量无害，采用进口工艺，国际生产线不断优化，食材保证核心原产地新鲜直供，让你享受品质生活
                    </div>
                </div>
                <div class="about">
                    <dl>
                        <dt>
                        <a href="#">
                            关于我们
                        </a>
                    </dt>
                        <dd>
                            <a href="#">
                            我的品牌
                        </a>
                        </dd>
                        <dd>
                            <a href="#">
                            公司动态
                        </a>
                        </dd>
                        <dd>
                            <a href="#">
                            经历发展
                        </a>
                        </dd>
                        <dd>
                            <a href="#">
                            商品推广
                        </a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                        <a href="#">
                            关于我们
                        </a>
                    </dt>
                        <dd>
                            <a href="#">
                            我的品牌
                        </a>
                        </dd>
                        <dd>
                            <a href="#">
                            公司动态
                        </a>
                        </dd>
                        <dd>
                            <a href="#">
                            经历发展
                        </a>
                        </dd>
                        <dd>
                            <a href="#">
                            商品推广
                        </a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                        <a href="#">
                            关于我们
                        </a>
                    </dt>
                        <dd>
                            <a href="#">
                            我的品牌
                        </a>
                        </dd>
                        <dd>
                            <a href="#">
                            公司动态
                        </a>
                        </dd>
                        <dd>
                            <a href="#">
                            经历发展
                        </a>
                        </dd>
                        <dd>
                            <a href="#">
                            商品推广
                        </a>
                        </dd>
                    </dl>
                </div>
                <div class="ewm">
                    <p class="wx">
                        <img src="images/img71.png" alt="">
                        <span>微信公众号</span>
                    </p>
                    <p class="wb">
                        <img src="images/img72.png" alt="">
                        <span>微博公众号</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="footer_bar">
            <div class="footer_bar_c inner_c">
                <div class="pay">
                    <p class="copy">
                        2019 © youhaosuda.com
                    </p>
                    <p class="ico">
                        <a href="#">
                            <img src="images/img81.png" alt="">
                        </a>
                        <a href="#">
                            <img src="images/img82.png" alt="">
                        </a>
                        <a href="#">
                            <img src="images/img83.png" alt="">
                        </a>
                        <a href="#">
                            <img src="images/img84.png" alt="">
                        </a>
                        <a href="#">
                            <img src="images/img85.png" alt="">
                        </a>
                        <a href="#">
                            <img src="images/img86.png" alt="">
                        </a>
                        <a href="#">
                            <img src="images/img87.png" alt="">
                        </a>
                    </p>
                </div>
                <div class="super">
                    <a href="#" class="pic1">

                    </a>
                    <a href="#" class="pic2">

                    </a>
                    <a href="#" class="pic3">

                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 返回顶部 -->
    <div class="lingpin_top">
        <a href="#" class="qq">QQ<br/>客服</a>
        <a href="#" class="wx">微信<br/>客服</a>
        <a href="#" class="top_c">↑</a>
    </div>
    <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="js/main.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $(".base-choose li").click(function() {
                $(this).addClass("active").siblings().removeClass("active");
            })
        })
    </script>
</body>

</html>